<template>
 <el-row>
  <el-col :span="24">
  <el-row>
  <el-col :span="8">
    <pieCharts/>
  </el-col>
  <el-col :span="8">
    <business/>
  </el-col>
  <el-col :span="8">
    <distribution/>
  </el-col>
</el-row>
  </el-col>
  <el-col :span="12">
   <el-row>
  <el-col :span="24">
 <discountone/>
  </el-col>
  <el-col :span="24">
    <discounttwo/>
  </el-col>
</el-row>
  </el-col>
  <el-col :span="12"> 
     <trend/>
  </el-col>
</el-row>

  

</template>

<script>
import pieCharts from './management/pieChart.vue'
import business from './management/business.vue'
import distribution from './management/distribution.vue'
import discountone from './management/discountone.vue'
import discounttwo from './management/discounttwo.vue'
import trend from './management/trend.vue'
export default {
  components:{
    pieCharts,
    business,
    distribution,
    discountone,
    discounttwo,
    trend
  }

}
</script>

<style>

</style>